/**********************************************************************************************************************************

                此文件处理@vsui/vue-components-page-loader组件在vsui.vue项目下的样式适配。




***********************************************************************************************************************************/
*{
  box-sizing: border-box;
}
.vsui-multiplex, body, html {
  overflow: hidden;
}
.vsui-multiplex .vsui-layout .vsui-content .vsui-content-body .multipage .el-tabs-scoped > .el-tabs__content .el-tab-pane[aria-labelledby*="tab-/loadpage?url"] .vsui-content-view-scoped
{
  height: 100%;
  overflow: hidden;
}
.wrapper_container{
  height: 100%;
  width: 100%;
  position: relative;
}
.pad15{
  padding: 15px;
}

.page-container{
  height: 100%;
  width: 100%;
  position: relative;
}
.page-header{
  margin: 10px 0;
  height: auto;
}
.page-main{
  padding: 0 20px 10px;
}
.page-main-box{
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .05);
  border-radius: 4px;
  height: 100%;
  padding: 15px;
}
.page-main-card{
  padding: 0;
}
.page-inner-main {
  height: calc(100% - 40px);
  overflow-x: hidden;
  overflow-y: auto;
}
.page-inner-footer {
  padding-top: 8px;
  height: 40px;
}
.page-inner-footer .btn-tools{
  text-align: center;
}
.tool-area {
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .05);
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 15px 15px 0;
}
.tool-area .el-form .el-form-item {
  margin-bottom: 15px;
}
.tool-area .left-tool {
  flex: 1;
}
.tool-area .right-tool{
  display: flex;
  justify-content: flex-end;
  margin-left: 15px;
}
.page-container-box {
  padding:10px 20px;
  height: 100%;
}
.page-aside{
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .05);
  height: 100%;
  position: relative;
  margin-right: 15px;
}
.page-container-box .page-header{
  margin-top:0px;
  padding: 0;
}
.page-container-box .page-main{
  padding: 0;
}
.page-container-box .tool-area{
  padding: 10px 15px;
}
.full-width-input{
  width: 92%!important;
}
.full-card{
  width:100%;
  height:100%;
  box-shadow: 0 2px 8px rgba(0, 82, 216, 0.1);
}
.full-card .el-card__header{
  background:#f5f5f5;
  padding:0 15px;
  height:50px;
  line-height: 50px;
}
.full-card .card-box-header{
  color:#1677ff;
  font-size:15px;
  font-weight:bold;
}
.full-card .el-card__body{
  height:calc(100% - 50px);
  padding:10px 15px;
  overflow-y:auto;
  overflow-x:hidden;
}
.tool-header{
  height:100%;
  display:flex;
  justify-content: space-between;
  align-items:center;
}
.vb-table-wrapper{
  flex: 1;
}
.vb-pager-wrapper{
  height: 40px;
}
.vb-table-wrapper .vxe-table--render-default.size--mini .vxe-header--column:not(.col--ellipsis){
  padding: 12px 0;
}
.vb-table-wrapper .vxe-table--render-default .vxe-cell{
  font-size: 14px;
  color: #333;
}
.vb-table-wrapper .el-table.is-scrolling-none th.el-table-fixed-column--left,
.vb-table-wrapper .el-table.is-scrolling-none th.el-table-fixed-column--right,
.vb-table-wrapper .el-table th.el-table__cell{
  background: var(--el-color-primary-light-9);
  color: #000;
  font-weight: bold;
}
.vb-table-wrapper .el-table th.el-table__cell .cell{
  line-height: 32px;
}
.vb-table-wrapper .el-table .el-table__cell{
  padding: 4px 0;
}
.vb-table-wrapper .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
  background:rgba(var(--vsui-style-theme-color),.05);
}
.vb-table-wrapper .el-table__body tr.hover-row>td.el-table__cell{
  background:var(--el-table-row-hover-bg-color)!important;
}
.vb-pager-wrapper .el-pagination{
  justify-content: flex-end;
}
.noBd{
  border:0 none!important
}
.my-divider .el-divider__text{
  color: var(--global-color-main);
  font-weight: bold;
  font-size: 15px;
  left: 0;
}
.my-divider .el-divider__text::before{
  content: '';
  height: 80%;
  width: 4px;
  position: absolute;
  left: 6px;
  top: 10%;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: var(--global-color-main);
}
.my-divider {
  border-top:1px var(--global-color-assist-1) var(--el-border-style);
  cursor: pointer;
}
.full-height{
  height: 100%;
}
.page-container{
  width: 100%;
  height: 100%;
}
.page-footer{
  height: 40px;
  padding: 0;
}
.page-footer .el-pagination{
  justify-content: flex-end;
  margin-top: 8px;
}
.input-width-90{
  width: 90% !important;;
}
.flex-column-box{
  display: flex;
  flex-direction: column;
}
.flex-box{
  display: flex;
}
.doc-parent-box{
  text-align: center;
  font-weight: bold;
  font-size: 24px;
}
/* 弹窗样式 */
.my-dialog{
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(22, 119, 255, .3);
  overflow: hidden;
}
.my-dialog .el-dialog__header{
  background: var(--global-color-assist-1);
  padding: 15px 20px;
  margin: 0;
}
.my-dialog .el-dialog__title{
  color: var(--global-color-main);
  font-weight: bold;
}
.my-dialog .el-dialog__body{
  padding: 15px;
}
.dialog_right_tools{
  position: absolute;
  right: 60px;
  top: 23px;
  z-index: 99;
  cursor: pointer;
}
.validator-feedback{
  color: #f56c6c;
  position: absolute;
  top: 100%;
  left: 0;
  line-height: 1.4;
  font-size: 12px;
}
.inputStyle.is-invalid  .el-input__wrapper{
  box-shadow:0 0 0 1px #f56c6c inset;
}

.tabGroup.el-tabs--card > .el-tabs__header{
  margin-bottom:2px;
}
.tabGroup.el-tabs--card .el-tabs__item{
  height:40px;
  line-height:40px;
  color:#7088ab;
}
.tabGroup.el-tabs--card .el-tabs__item.is-active{
  position:relative;
  background: #e8f0ff;
  color: var(--global-color-main);
  font-weight: bold;
}
.tabGroup.el-tabs--card .el-tabs__item.is-active::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:3px;
  width:100%;
  background:var(--global-color-main);
}
.tab2Group.el-tabs--card > .el-tabs__header,.tab2Group.el-tabs--card .el-tabs__nav{
  border: 0 none;
  margin-bottom: 0;
}
.tab2Group.el-tabs--card .el-tabs__item{
  border-radius: 20px;
  height: 36px;
  line-height: 36px;
  background: #dcdfe6;
  margin-right: 10px;
}
.tab2Group.el-tabs--card .el-tabs__item.is-active{
  position:relative;
  background: var(--global-color-main);
  color: #fff;
  font-weight: bold;
}